/*============================================================================================================*/
/*
	@author 
		by hariprakash
	@description 
		jQuery Multiple Carousel styling
	@License
		Copyright (c) 2012 Hari Prakash
 		Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
 	@Depends
 		Nil
*/
/*============================================================================================================*/

/*----------------------------------------------------*/
/* CAROUSEL STYLES */
/*----------------------------------------------------*/
ul{list-style: none outside none;}
.wrapper{width:600px;margin:30px auto;}/*wrapper class, this can be removed if the carousel is wrapped with the container having specified width*/
.carousel{
position:relative;
padding:10px;
overflow:hidden;
margin:0 auto;
}
.carousel .preLoader{
position:absolute;
z-index:1;
width:100%;
height:74px;
background:url('./img/preloader.gif') no-repeat center 10px;
}
.carousel .imageGallery{
position:relative;
z-index:2;
width:100000px;
}
.carousel .container{
float:left;
margin:0 16px 0 0;
position:relative;
}
.carousel .cursor{
float:left;
margin:10px 0 0 0;
width: 100%;
}
.carousel .cursor li{
float:left;
margin:0 3px 0 0;
background:#f15a24;
width:13px;
height:13px;
-moz-border-radius:5em;
-webkit-border-radius:5em;
border-radius:5em;
cursor:pointer;
}
.carousel .cursor .selected{
background:transparent;
border:2px solid #f15a24;
width:9px;
height:9px;
cursor:default;
}
.carousel img{
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px#000000;
box-shadow: 0 0 5px #000000;
position:relative;
max-width:100%;
display:block;
margin:0 auto;
}

/*----------------------------------------------------*/
/*Responsive styles */
/*----------------------------------------------------*/

/*----------------------------------------------------*/
/* Portrait tablet to landscape and desktop */
/*----------------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px){
.wrapper{width:auto;padding:0 5px;}
}
/*----------------------------------------------------*/
/* Landscape phone to portrait tablet */
/*----------------------------------------------------*/ 
@media (max-width: 767px){ 
.wrapper{width:auto;padding:0 5px;}
}
/*----------------------------------------------------*/
/* Landscape phones and down */
/*----------------------------------------------------*/
@media (max-width: 480px){
.wrapper{width:auto;padding:0 5px;}
}